<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WIFI配置</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="/static/css/weui.min.css" rel="stylesheet" />
    <script src="/static/js/jquery-2.1.4.js"></script>

    <style>
        body {
            background-color: #fbf9fe;
        }
        .page_title {
            text-align: center;
            font-size: 24px;
            color: #3cc51f;
            font-weight: bold;
            margin: 20px;
        }
        .weui_label {
            width: 4em;
        }

        .btnDiv {
            margin: 20px auto;
            width: 80%;
        }
    </style>
</head>
<body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
    window.onload = function () {
        wx.config({
            beta:true,//开启内测接口调用，注入wx.invoke方法
            debug:false,//关闭调试模式
            appId: {{.AppID}},//AppID
            timestamp: {{.Timestamp}},//时间戳
            nonceStr: {{.NonceStr}},//随机串
            signature: {{.Signature}},//签名
            jsApiList: ['configWXDeviceWiFi']
        });
    };
    wx.ready(function () {
        // 在这里调用 API
        wx.checkJsApi({
            jsApiList: ['configWXDeviceWiFi'],
            success: function(res) {
                wx.invoke('configWXDeviceWiFi', {}, function(res){
                    var err_msg = res.err_msg;
                    if(err_msg == 'configWXDeviceWiFi:ok') {
                        //配置成功
                        wx.invoke('openWXDeviceLib',{'connType':'lan'},function(res){
                            // alert(res.err_msg);
                        });

                        wx.invoke('startScanWXDevice',{'connType':'lan'}, function(res) {
                            console.log('startScanWXDevice',res);
                            alert(JSON.stringify(res));
                        });
                        wx.on('onScanWXDeviceResult',function(res){
                            alert("扫描到1个设备"+JSON.stringify(res));
                            //自己解析一下res，里面会有deviceid,扫描设备的目的就是为了得到这个
                            //然后就可以开始绑定了
                        });

                    } else {
                        //配置失败
                        alert(err_msg);
                    }
                });

            }
        });
    });
    wx.error(function(res){
        alert("配置出错:"+res);
    });

    // function configWiFi() {
    //     wx.ready(
    //         function () {
    //           wx.checkJsApi({
    //               jsApiList : ['configWXDeviceWiFi'],
    //               success: function (res) {
    //                   wx.invoke('configWXDeviceWiFi', {},
    //                   function (res){
    //                       var err_msg = res.err_msg;
    //                       if (err_msg === 'configWXDeviceWiFi:ok') {
    //                           alert("配置WI-FI成功");
    //                           WeixinJSBrige.call('closeWindow');
    //                       } else {
    //                           alert("配置Wi-Fi失败");
    //                       }
    //                   });
    //               }
    //           }
    //           );
    //         }
    //     );
    // }
    // 在这里调用 API
    // $('#action').click(function(){
    //     //alert("2223");
    //     configWiFi();
    // });
    // // wx.invoke('configWXDeviceWiFi');
    // wx.error(function(res){
    //     console.log(res.err_msg);
    //     alert("配置出错");
    // });
</script>
<div class="page">
    <div class="hd">
        <h1 class="page_title">配置设备上网</h1>
    </div>
    <div class="bd">
        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>1. 确定手机已连接到WiFi</p>
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>2. 请长按设备上的配置按钮3秒</p>
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>3. 配置灯间隔1秒闪1次进入设置状态</p>
                </div>
            </div>
        </div>
    </div>
    <div class="btnDiv">
        <button id="action" class="weui_btn weui_btn_primary">开始配置</button>
    </div>

</div>
</body>
</html>